<!-- 
      我要理财.html
      <宾和>
      
      Created by YSG on 2017-01-06.
      Copyright 2017 YSG. All rights reserved.
 -->

<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>我要理财-点点生钱</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link href="../assets/css/mui.min.css" rel="stylesheet" />
		<link href="../assets/css/main.css" rel="stylesheet" />
		<style>
			.mui-scroll-wrapper {
				bottom: 50px;
			}
			
			.mui-control-content .mui-loading {
				margin-top: 50px;
			}
		</style>
	</head>

	<body>
		<!--header beg-->
		<header class="mui-bar mui-bar-nav g-header">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<a id="info" class="mui-icon mui-pull-right u-iconfont">&#xe618;</a>
			<h1 class="mui-title">我要理财</h1>
		</header>
		<!--header end-->

		<div class="mui-content">
			<div id="slider" class="mui-slider mui-fullscreen">
				<div id="sliderSegmentedControl" class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
					<a class="mui-control-item" href="#item1mobile">
						点点安盈
						<div id="indicatorContainer"></div>
					</a>
					<a class="mui-control-item" href="#item2mobile">
						点点专享
					</a>
					<a class="mui-control-item" href="#item3mobile">
						债权交易
					</a>
				</div>
				<div id="sliderProgressBar" class="mui-slider-progress-bar mui-col-xs-4"></div>
				<div class="mui-slider-group">
					<div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
						<div id="scroll1" class="mui-scroll-wrapper">
							<div class="mui-scroll">
								<ul class="mui-table-view m-proj m-nav1" id="G-proj-bid-plan">
									<!--list beg-->

								</ul>
							</div>
						</div>
					</div>
					<div id="item2mobile" class="mui-slider-item mui-control-content">
						<div id="scroll2" class="mui-scroll-wrapper">
							<div class="mui-scroll">
								<ul class="mui-table-view m-proj m-nav2" id="G-proj-bid-sale">

								</ul>
								<!--<div class="mui-loading">
									<div class="mui-spinner">
									</div>
								</div>-->
							</div>
						</div>

					</div>
					<div id="item3mobile" class="mui-slider-item mui-control-content">
						<div id="scroll3" class="mui-scroll-wrapper">
							<div class="mui-scroll">
							</div>
						</div>

					</div>
				</div>
			</div>
		</div>

		<!--footer ben-->
		<nav class="mui-bar mui-bar-tab" id="G-footer-nav" href="javascript:;">
			<a class="mui-tab-item" id="G-nav-home">
				<span class="mui-icon u-iconfont">&#xe622;</span>
				<span class="mui-tab-label">首页</span>
			</a>
			<a class="mui-tab-item mui-active" id="G-nav-financing" href="javascript:;">
				<span class="mui-icon u-iconfont">&#xe626;</span>
				<span class="mui-tab-label">理财</span>
			</a>
			<a class="mui-tab-item" id="G-nav-personal" href="javascript:;">
				<span class="mui-icon u-iconfont">&#xe623;</span>
				<span class="mui-tab-label">我的</span>
			</a>
			<!--			<a class="mui-tab-item" id="G-nav-activity" href="javascript:;">
				<span class="mui-icon mui-icon-gear"></span>
				<span class="mui-tab-label">活动</span>
			</a>-->
		</nav>
		<!--footer end-->

		<script src="../assets/lib/mui/mui.min.js"></script>
		<script src="../assets/lib/zepto/zepto.min.js"></script>
		<script type="text/javascript" src="../assets/lib/radialIndicator/radialIndicator.js"></script>
		<script src="../assets/lib/layer_mobile/layer.js"></script>
		<script src="../assets/common/util.js"></script>
		<script src="../assets/common/common.js"></script>
		<script src="../assets/js/financeList.js"></script>
		<script src="../assets/lib/mui/mui.pullToRefresh.js"></script>
		<script src="../assets/lib/mui/mui.pullToRefresh.material.js"></script>
		<script>
			var main;
			mui.init();
			(function($) {
				//阻尼系数
				var deceleration = mui.os.ios ? 0.003 : 0.0009;
				$('.mui-scroll-wrapper').scroll({
					bounce: false,
					indicators: true, //是否显示滚动条
					deceleration: deceleration
				});
				$.ready(function() {
					main = new Main();
				});
			})(mui);

			function activeTap() {
				$('#G-footer-nav > a').removeClass('mui-active')
				$('#G-nav-financing').addClass('mui-active');
				mui('.mui-slider').slider().gotoItem(0, 0);
				main.loadData(0, 1);
			}

			function activeTap1() {
				$('#G-footer-nav > a').removeClass('mui-active')
				$('#G-nav-financing').addClass('mui-active');
				mui('.mui-slider').slider().gotoItem(1, 0);
				main.loadData(1, 1);
			}
		</script>
	</body>

</html>